{include file="public/header" /}
<aside id="sitecontent" class="transition">
    {include file="public/search" /}
    <!-- main -->
    <section class="tagBox dis-flex-between-center">
        <!--<div class="box ">
            <h3 class="dis-flex-center-center">属性&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="p4" class=" carSel">视频作品</a>
                <a href="" data-v="p0" class="cur carSel">全部</a>
                <a href="" data-v="p1" class=" carSel">实景作品 </a>
                <a href="" data-v="p2" class=" carSel">效果图作品</a>
                <a href="" data-v="p3" class=" carSel">全景作品</a>
            </ul>
        </div>-->
        <!--<div class="box ">
            <h3 class="dis-flex-center-center">户型&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="h0" class="cur carSel">全部</a>
                <a href="" data-v="h1" class=" carSel">二居室</a>
                <a href="" data-v="h2" class=" carSel">三居室</a>
                <a href="" data-v="h3" class=" carSel">四居室</a>
                <a href="" data-v="h4" class=" carSel">五居室</a>
                <a href="" data-v="h5" class=" carSel">洋房</a>
                <a href="" data-v="h6" class=" carSel">跃层</a>
                <a href="" data-v="h7" class=" carSel">别墅</a>
            </ul>
        </div>-->
        <!--<div class="box ">
            <h3 class="dis-flex-center-center">风格&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="f0" class="cur carSel">全部</a>
                <a href="" data-v="f9" class=" carSel">现代</a>
                <a href="" data-v="f10" class=" carSel">简约</a>
                <a href="" data-v="f11" class=" carSel">北欧</a>
                <a href="" data-v="f12" class=" carSel">轻奢</a>
                <a href="" data-v="f13" class=" carSel">简美</a>
                <a href="" data-v="f14" class=" carSel">新中式</a>
                <a href="" data-v="f38" class=" carSel">美式</a>
                <a href="" data-v="f15" class=" carSel">法式</a>
                <a href="" data-v="f37" class=" carSel">诧寂</a>
                <a href="" data-v="f16" class=" carSel">奶油</a>
                <a href="" data-v="f20" class=" carSel">欧式</a>
                <a href="" data-v="f36" class=" carSel">意式</a>
                <a href="" data-v="f21" class=" carSel">中式</a>
                <a href="" data-v="f22" class=" carSel">简欧</a>
                <a href="" data-v="f23" class=" carSel">原木</a>
                <a href="" data-v="f33" class=" carSel">日式</a>
                <a href="" data-v="f35" class=" carSel">其他</a>
            </ul>
        </div>-->
        <!--<div class="box ">
            <h3 class="dis-flex-center-center">面积&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="m0" class="cur carSel">全部</a>
                <a href="" data-v="m80-100" class=" carSel">80-100㎡</a>
                <a href="" data-v="m100-150" class=" carSel">100-150㎡</a>
                <a href="" data-v="m150-200" class=" carSel">150-200㎡</a>
                <a href="" data-v="m200-250" class=" carSel">200-250㎡</a>
                <a href="" data-v="m250-0" class=" carSel">250㎡以上</a>
            </ul>
        </div>-->
        <!--<div class="box ">
            <h3 class="dis-flex-center-center">区域&nbsp;<span></span></h3>
            <ul>
                <a href="" data-v="a0" class="cur carSel">全部</a>
                <a href="" data-v="a1136" class=" carSel">高新区</a>
                <a href="" data-v="a1137" class=" carSel">瑶海区</a>
                <a href="" data-v="a1138" class=" carSel">庐阳区</a>
                <a href="" data-v="a1139" class=" carSel">蜀山区</a>
                <a href="" data-v="a1140" class=" carSel">包河区</a>
                <a href="" data-v="a1141" class=" carSel">长丰县</a>
                <a href="" data-v="a1142" class=" carSel">肥东县</a>
                <a href="" data-v="a1143" class=" carSel">肥西县</a>
                <a href="" data-v="a10004" class=" carSel">新站区</a>
                <a href="" data-v="a10005" class=" carSel">经开区</a>
                <a href="" data-v="a10006" class=" carSel">政务区</a>
                <a href="" data-v="a10007" class=" carSel">滨湖区</a>
                <a href="" data-v="a10008" class=" carSel">北城区</a>
                <a href="" data-v="a10009" class=" carSel">庐江县</a>
                <a href="" data-v="a10010" class=" carSel">巢湖市</a>
                <a href="" data-v="a10015" class=" carSel">其他</a>
            </ul>
        </div>-->
    </section>
    <section class="p0-20 newsLst">
        <form action="" class="nei-search bg-hui dis-flex-center-center">
            <input type="text" name="keywords" value="{$keywords|default=''}" placeholder="输入案例名称" class="txt">
            <input type="submit" class="img" value="">
        </form>
        <ul class="casellist dropLst">
            {volist name="cases_list" id="item"}
            <li>
                <div class="img position-relative">
                    <img src="__MOBILEIMG__/sjps214.png"  class="sjcazz" alt="" srcset="">
                    <style>
                        .sjcazz{ position: absolute; right: 15px; top: 20px; width: 80px !important; height: auto !important; z-index: 5;}
                    </style>
                    <a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}"><img src="{$item.thumb_url}" alt="" srcset="" class=""></a>
                    <div class="dis-flex-between-center bg">
                        <div class="left dis-flex-center">
                            <img src="{$item.designer['image_url']}" alt="" srcset="">
                            <div>{$item.designer['name']} <span>{$item.designer['position']}</span></div>
                        </div>
                        <div class="right dis-flex-center-center tanSjs ">预约设计</div>
                    </div>
                </div>
                <div class="txt">
                    <a href="tel:{$siteConfig.mobile}"  class="dis-flex-between-center">
                        <div class="left">
                            <h2>【实景】{$item.name}</h2>
                            <p class="color-6">风格：{$item.tag_name[0]} | 面积：{$item.area}m² | 户型：{$item.house_type}</p>
                        </div>
                        <span class="bg-red dis-flex-center-center">获取方案</span>
                    </a>
                </div>
            </li>
            {/volist}
        </ul>
    </section>
    <!-- main end-->
{include file="public/footer" /}
<script type="text/javascript">
    proListHref();
    var tab1LoadEnd = false;
    var page=2;
    var dropload = $('.newsLst').dropload({
        scrollArea : window,
        loadDownFn : function(me){
            $.ajax({
                type: "POST",
                url: "{:url('cases/getDataList')}",
                data: {page:page},
                dataType: 'json',
                success: function(data){
                    if (data.code == 0){
                            var str = '';
                            $.each(data.data, function(i, vo) {
                                var pic = vo.thumb_url || '__MOBILEIMG__/case-img.jpg';
                                var designerPic = vo.designer.image_url || '__MOBILEIMG__/team-img.jpg';
                                var mobile = "{$siteConfig.mobile}"
                                str += '<li>'
                                    +'<div class="img position-relative">'
                                    +'<a href="'+vo.linkurl+'"><img src="'+pic+'" alt="'+vo.name+'" srcset="" class=""></a>'
                                    +'<div class="dis-flex-between-center bg">'
                                    +'<div class="left dis-flex-center">'
                                    +'<img src="'+designerPic+'" alt="" srcset="">'
                                    +'<div>'+vo.designer.name+' <span>'+vo.designer.position+'</span></div>'
                                    +'</div>'
                                    +'<div class="right dis-flex-center-center tanSjs ">预约设计</div>'
                                    +'</div>'
                                    +'</div>'
                                    +'<div class="txt">'
                                    +'<a href="tel:'+mobile+'" class="dis-flex-between-center">'
                                    +'<div class="left">'
                                    +'<h2>'+vo.name+'</h2>'
                                    +'<p class="color-6">风格：'+vo.tag_name[0]+' | 面积：'+vo.area+'m² | 户型：'+vo.house_type+'</p>'
                                    +'</div>'
                                    +'<span class="bg-red dis-flex-center-center">获取方案</span>'
                                    +'</a>'
                                    +'</div>'
                                    +'</li>';
                            });
                            $('.dropLst').append(str);
                            if(data.total_page>page){
                                page++;
                            }else{
                                tab1LoadEnd = true; // 数据加载完
                                me.lock(); // 锁定
                                me.noData(); // 无数据
                            }
                            me.resetload(); // 每次数据加载完，必须重置
                    }else{
                        myLayMsg(data.msg);
                    }
                },
                error: function(xhr, type){
                    myLayMsg('Ajax error!');
                    me.resetload(); // 即使加载出错，也得重置
                }
            });
        }
    });
</script>